.c{
    color: blue;
}
.f{
    font-size: 25px;
}

/*
交集选择器
*/
/*div p span{
    color: skyblue;
}*/
/*
并集选择器
*/
/*div,p,span{
    color: antiquewhite;
}*/
/*兄弟选择器 + ~*/
div ~ p{
    color: blue;
}
/*后代元素*/
div > p{
    color: blueviolet;
}

/*属性选择器 ^ $ *   */
div,span[title='a']{
    background-color: antiquewhite;
}
/*伪类*/
li:first-child{
    color: greenyellow;
}
li:hover{
    color: cornflowerblue;
}
li:active{
    color: blueviolet;
}

ul{
    list-style: none
}
*{
    /*margin: 0px;*/
    padding: 0px;
}
.box1{
    width: 200px;
    height: 200px;
    background-color: aqua;
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(0,0,0,.4);
    float: left;
}